html {
	/*font-size: 62.5%;*/
	padding: 0;
	margin: 0;
	font-family: "微软雅黑" arial;
}

* {
	padding: 0;
	margin: 0;
}

div {
	/*border: 1px solid red;*/
}

body {
	padding: 0;
	margin: 0;
}

body {
	padding-top: constant(safe-area-inset-top);
	/*为导航栏+状态栏的高度 88px */
	padding-left: constant(safe-area-inset-left);
	/*//如果未竖屏时为0    */
	padding-right: constant(safe-area-inset-right);
	/*//如果未竖屏时为0*/
	padding-bottom: constant(safe-area-inset-bottom);
	/* //为底下圆弧的高度 34px*/
	/*background-color: red;*/
}

.first {
	max-width: 1080px;
	margin: 0 auto;
	box-sizing: border-box;
	/*background-color: rgba(163, 163, 163, 0.5);*/
	/*opacity: 0.5;*/
}

.cu {
	font-weight: 600;
}

img {
	height: 100%;
	width: 100%;
}

.duiqi {
	margin: 0 auto;
	width: 90%;
}


/*1.顶部悬浮*/

.top div {
	/*border: 1px solid red;*/
}

.top {
	width: 100%;
	height: 10vw;
	background-color: #faac14;
	position: fixed;
	left: 0vw;
	top: 0vw;
	z-index: 100;
}

.top_ysy_c {
	width: 90%;
	height: 100%;
	margin: 0vw auto;
	display: flex;
	justify-content: space-between;
	/*align-content: center;*/
	align-items: center;
	/*纵向居中*/
}

.top_jiantou_img {
	height: 47%;
	width: 3.2%;
}

.zhuanfa {
	height: 56%;
	width: 6%;
}

.homepage_title {
	height: 68%;
	/*width: 32%;*/
	display: flex;
	flex-direction: row;
	font-size: 4.44vw;
	/*align-content: center;*/
	color: white;
	/*justify-content: space-around;*/
	/*background-color: #ffffff;*/
	align-items: center;
	-moz-border-radius: 1vw;
	-webkit-border-radius: 1vw;
}


/*2.大咖简介*/

.famous_introduce {
	width: 100%;
	padding-top: 14.5vw;
	padding-bottom: 2.6vw;
	border-bottom: 2.5vw solid rgba(242, 242, 242, 1);
}

.famous_introduce2 {
	height: 27.78vw;
}

.liangduanduiqi {
	display: flex;
	justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	height: 100%;
}

.famous_img {
	width: 22.22vw;
	height: 22.22vw;
	width: 24.54%;
}

.famous_introduce_text {
	width: 69.33%;
	display: flex;
	flex-direction: column;
	/*justify-content: flex-end;*/
}

.famous_name {
	font-size: 4vw;
}

.famous_job {
	font-size: 3.59vw;
	color: #737373;
	margin: 0.6vw 0vw 2vw 0vw;
}

.famous_text {
	font-size: 3vw;
	color: #999999;
	line-height: 4vw;
	/*只显示三行，多出来的隐藏*/
	word-break: break-all;
	word-break: ellipsis;
	display: -webkit-box;
	/** 将对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 2;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
}

.guanzhu {
	margin: 1.8vw 0vw 0vw 0vw;
	text-align: right;
}

.guanzhu img {
	height: 2.78vw;
	width: 2.78vw;
}

.guanzhu_person {
	font-size: 2.8vw;
}


/*3.大咖详细信息*/

.detail_introduce_title {
	width: 100%;
	/*border-bottom: 1px solid #7F7F7F;*/
	border-bottom: 0.1vw solid rgba(237, 237, 237, 1);
	padding-bottom: 2vw;
	padding-top: 2.5vw;
}

.detail_introduce_title2 {
	font-size: 3.89vw;
	display: flex;
	-webkit-align-items: center;
}

.detail_introduce_title2 img {
	height: 3.7vw;
	width: 0.741vw;
	margin-right: 2.5vw;
}


/*待定=================================是否规定文字的行数*/

.detail_introduce_content {
	width: 100%;
	/*height: 89.15vw;*/
	/*=====================================*/
	border-bottom: 2.5vw solid rgba(242, 242, 242, 1);
	padding-bottom: 2.5vw;
	flex: 1;
}

.detail_introduce_content2 {
	line-height: 5.63vw;
	font-size: 2.59vw;
	color: #595959;
	/*box-shadow: 0px 3px 3px #CCC;*/
	/*overflow: hidden;*/
	padding-top: 2.5vw;
	/*padding-bottom: 2.5vw;*/
}

.content_text {
	font-size: 1em;
}

.social_office {
	padding-top: 7.41vw;
	font-weight: 800;
}


/*4.大咖文章*/


/*1.*/

.article_title {
	width: 100%;
	/*border-bottom: 1px solid #7F7F7F;*/
	padding-bottom: 2vw;
	padding-top: 2.5vw;
	/*padding-bottom: 1vw;*/
}

.article_title_right {
	font-size: 3.89vw;
	    /*margin-right: 2.5vw;*/
}

.article_title_right img {
	height: 3.7vw;
	width: 0.741vw;
	margin-right: 2.5vw;
}

.article_title_left {
	color: #808080;
	font-size: 3vw;
}

.article_title_left img {
	height: 2.41vw;
	width: 1.11vw;
}


/*2.*/

.article_content_all {
	width: 100%;
	border-bottom: 2.5vw solid rgba(242, 242, 242, 1);
}

.article_content {
	width: 100%;
	border-top: 0.1vw solid rgba(237, 237, 237, 1);
	padding: 3vw 0vw 3vw 0vw;
}

.article_img {
	/*width: 25.93vw;*/
	height: 21.3vw;
	width: 29.92%;
}

.article_content_text {
	width: 67.15%;
	height: 21.3vw;
}

.article_content_text_titile {
	font-size: 4vw;
}

.article_content_text_test {
	font-size: 3vw;
	color: #666666;
	margin: 2vw 0vw 2vw 0vw;
	/*只显示三行，多出来的隐藏*/
	word-break: break-all;
	word-break: ellipsis;
	display: -webkit-box;
	/** 将对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 2;
	/** 显示的行数 **/
	overflow: hidden;
	/** 隐藏超出的内容 **/
}

.article_content_text_time {
	text-align: right;
	font-size: 3vw;
	color: #999999;
}


/*5.提问回答区*/


/*1.*/

.question_and_answer_title {
	width: 100%;
	/*border-bottom: 1px solid #7F7F7F;*/
	padding-bottom: 2vw;
	padding-top: 2vw;
}

.question_and_answer_right {
	font-size: 3.89vw;
}

.question_and_answer_right img {
	height: 3.7vw;
	width: 0.741vw;
	margin-right: 2.5vw;
}

.question_and_answer_left {
	color: #808080;
	font-size: 3vw;
}

.question_and_answer_left img {
	height: 2.41vw;
	width: 1.11vw;
	margin-left: 1vw;
}


/*2.*/

.question_and_answer_content_all {
	border-bottom: 2.5vw solid rgba(242, 242, 242, 1);
}

.question_and_answer_content {
	border-top: 0.1vw solid rgba(237, 237, 237, 1);
	padding-bottom: 3vw;
	padding-top: 3vw;
}

.wenti,
.huida {
	display: -webkit-flex;
	-webkit-align-items: center;
	font-size: 4vw;
	color: #4d4d4d;
}

.huida {
	padding-top: 2.78vw;
}

.wenti div,
.huida div {
	margin-left: 2.78vw;
}

.wenti img {
	width: 4.63vw;
	height: 4.63vw;
}

.huida img {
	width: 4.63vw;
	height: 4.63vw;
}


/*6.推荐课程*/


/*1.*/

.recommended_course_title {
	height: 4.44vw;
	width: 100%;
	display: flex;
	justify-content: center;
	/*background-color: rgba(242, 242, 242, 1);*/
	padding: 3.3vw 0vw 3.3vw 0vw;
}

.recommended_course_title img {
	height: 100%;
	width: 3.43vw;
}

.recommended_course_title span {
	text-align: center;
	margin-left: 1vw;
	font-size: 3.98vw;
}


/*2.*/

.recommended_course_content {
	width: 100%;
	height: 66.76vw;
	/*background-color: rgba(242, 242, 242, 1);*/
	padding-bottom: 6.5vw;
}

.recommended_course_content2 {
	box-shadow: 0px 3px 3px #CCC;
}

.recommended_course_img {
	width: 100%;
	height: 43.89vw;
	position: relative;
}

.course_img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 99;
}

.course_img_tujian {
	height: 6.02vw;
	width: 5.65vw;
	position: absolute;
	left: 91%;
	z-index: 99;
	top: -0.39vw;
}

.course_img_text {
	margin: 0 auto;
	width: 90%;
	display: flex;
	justify-content: space-between;
	z-index: 99;
	position: relative;
	top: 91%;
	font-size: 2.31vw;
	color: #ffffff;
}


/*下半部*/

.recommended_course_text {
	width: 95%;
	margin: 0 auto;
}

.title {
	font-family: MicrosoftYaHei;
	font-size: 4vw;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0.8vw;
	color: #333333;
	margin: 2.7vw 0vw 0.5vw 0vw;
}

.jiage {
	/*height: 6vw;*/
	width: 100%;
	display: flex;
	/*flex-direction: row;*/
	justify-content: space-between;
	align-items: center;
}

.jiage_number {
	/*width: 40%;*/
	height: 100%;
	display: flex;
	justify-content: row;
	align-items: center;
}

.shoujia>span {
	font-family: MicrosoftYaHei;
	font-size: 3.6vw;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0.2vw;
	color: #ff6c00;
	margin-right: 3vw;
}

.yuanjia {
	font-family: MicrosoftYaHei;
	font-size: 2.4vw;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0.1vw;
	color: #808080;
}

.yjiage {
	text-decoration: line-through;
}

.star_ysy {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 3vw;
}

.star_ysy>div {
	width: 3vw;
	height: 3vw;
	margin-right: 0.3vw;
}

.place_and_time {
	height: 6vw;
	width: 100%;
	display: flex;
	/*flex-direction: row;*/
	justify-content: space-between;
	align-items: center;
	font-size: 2.59vw;
	color: #737373;
	letter-spacing: 1.4px;
}

.course_place img {
	/*display: inline;*/
	height: 3.15vw;
	width: 2.22vw;
	margin-right: 1vw;
}

.course_time img {
	/*display: inline;*/
	height: 3.15vw;
	width: 3.15vw;
	margin-right: 1vw;
}

.course_place,
.course_time {
	display: flex;
	-webkit-align-items: center;
}


/**/

.xiaobiaoqian {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding: 0.6vw 0vw 2vw 0vw;
}

.xiaobiaoqian>div {
	/*width: 10vw;*/
	font-family: MicrosoftYaHei;
	font-size: 2.2vw;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0.1vw;
	color: #faac14;
	border: 0.1vw solid #faac14;
	margin-right: 3vw;
	border-radius: 1vw;
	-moz-border-radius: 1vw;
	-webkit-border-radius: 1vw;
}


/*查看更多*/

.more_course_contect {
	display: flex;
	justify-content: center;
	-webkit-align-items: center;
	font-size: 4vw;
	color: #666666;
	padding-bottom: 18vw;
	/*background-color: rgba(242, 242, 242, 1);*/
}

.more_course_contect img {
	width: 1.11vw;
	height: 2.22vw;
	transform: scale(1.6);
}


/*7.底部悬浮，关注*/

.bottom {
	width: 100%;
	height: 13.89vw;
	display: flex;
	justify-content: center;
	font-size: 4.63vw;
	border-top: 0.1vw solid rgba(237, 237, 237, 1);
	position: fixed;
	z-index: 200;
	bottom: 0;
}

.bottom_tiwen {
	width: 50%;
	height: 100%;
	display: flex;
	justify-content: center;
	-webkit-align-items: center;
	background-color: white;
	color: #faac14;
	border: none;
	/*border: 0;*/
	/*background-color: transparent;*/
	outline: none;
}

.bottom_guanzhu {
	width: 50%;
	height: 100%;
	display: flex;
	justify-content: center;
	-webkit-align-items: center;
	background-color: #faac14;
	color: white;
	border: none;
}

.bottom_tiwen img {
	width: 4.44vw;
	height: 4.44vw;
	margin-right: 1vw;
}

.bottom_guanzhu img {
	width: 4.91vw;
	height: 4.44vw;
	margin-right: 1vw;
}


/*8.分享蒙版*/

.meng {
	/*margin: 0 auto;*/
	position: fixed;
	/*position: absolute;*/
	z-index: 8888;
	left: 5vw;
	bottom: 20vw;
	display: none;
}

.meng1 {
	width: 91.67vw;
	height: 42.78vw;
	border-radius: 10px;
	background-color: white;
}

.meng_title {
	display: -webkit-flex;
	-webkit-align-items: center;
	justify-content: center;
	font-family: "微软雅黑";
	font-size: 4.26vw;
	margin: 0vw 0vw 0vw 0vw;
	padding: 5vw 0vw 5.6vw 0vw;
}

.share_place {
	display: flex;
	justify-content: space-around;
}

.place {
	position: relative;
}

.place span {
	display: block;
	margin: 0vw 0vw 0vw 0vw;
	;
	position: absolute;
	font-size: 3.24vw;
	top: 16vw;
	width: 129%;
}

.qqyou {
	left: 9%;
}

.weixin {
	left: 5%;
}

.pengyou {
	left: -10%;
}

.place img {
	width: 13.89vw;
	height: 13.89vw;
}

.weixin_place {
	margin: 0vw 0vw 0vw 0vw;
}

.meng2 {
	background-color: white;
	margin-top: 4.17vw;
	width: 91.67vw;
	height: 13.89vw;
	border-radius: 10px;
	font-family: "微软雅黑";
	font-size: 4.26vw;
	/*font-stretch: normal;*/
	/*	font-weight: normal;*/
	/*letter-spacing: 4.6px;*/
	/*上下居中*/
	display: -webkit-flex;
	-webkit-align-items: center;
	justify-content: center;
	color: #faac14;
}

.menghui {
	position: fixed;
	/*position: absolute;*/
	z-index: 2000;
	top: 0vh;
	background-color: #7f7f7f;
	opacity: 0.5;
	width: 100vw;
	height: 100vh;
	display: none;
}


/*媒体查询    微调字体*/

@media only screen and (max-width:780px) {
	.content_text {
		font-size: 3.4vw;
	}
}

@media only screen and (max-width:480px) {
	.content_text {
		font-size: 4vw;
		    line-height: 6.0vw;
	}
	.social_office{
		font-size: 4vw;
		    line-height: 6.0vw;
		
	}
	.social_office_list{
		font-size: 4vw;
		    line-height: 6.0vw;
		
		
	}
}

@media only screen and (max-width:375px) {
	.recommended_course_content {
		width: 100%;
		height: 66.76vw;
		/*background-color: rgba(242, 242, 242, 1);*/
		padding-bottom: 9.5vw;
	}
}


/**/